/* 
    Document   : header
    Created on : Nov 18, 2012, 12:50:34 AM
    Author     : minhtrungn
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/


.header-block{
    background-image: url(../Pictures/header/header.png);
    height: 100%;
    width: 900px;
    height: 240px;
}
.name-wrapper{
    width: 100%;
    text-decoration: none;
    display: block;
}
.name a{
    font-family:jokerman;
    font-size: 40pt;
    font-weight: bold;
    color: orange;
    text-shadow: 0.1em 0.1em 0.1em #666;
}
.slogan{
    font-family: constantia;
    font-size: 12pt;
    font-weight: bold;
    color: orange;
    text-shadow: 0.1em 0.1em 0.1em darkgrey;
}

.login-block-wrapper{
    width:100%;
    height: 60px;
    text-align: center;
    display: block;
}
.login-block{
    margin-top: 5px;
    margin-left: 20px;
}
.user{
    width: 100px;
    border: solid 1px #686868;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    height: 20px;
}
.pass{
    width: 100px;
    border: solid 1px #686868;
    -webkit-border-radius:4px;
    height: 20px;
}
.login-btn{
    height: 25px;
    border: solid 1px #F5F5F5;
    background-color: #F5F5F5;
    color: #2F4F4F;
    font-weight: bold;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    cursor: pointer;
}
.login-btn:hover{
    border: solid 1px;
    background: #686868;
    color: #D0D0D0;
    -webkit-box-shadow: 0px 0px 5px #D0D0D0;
    -moz-box-shadow: 0px 0px 5px #D0D0D0;
}

.regist-btn{
    height: 25px;
    padding: 2px 5px 2px 5px;
    text-decoration: none;
    border: solid 1px #F5F5F5;
    background-color: orange;
    color: #2F4F4F;
    font-weight: bold;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    cursor: pointer;
}
.regist-btn:hover{
    border: solid 1px;
    background: #686868;
    color: #D0D0D0;
    -webkit-box-shadow: 0px 0px 5px #D0D0D0;
    -moz-box-shadow: 0px 0px 5px #D0D0D0;
}

.menu-wrapper{
    width: 100%;
/*    background: #C8C8C8  ;*/
/*    margin-top: 10px;*/
    opacity:0.7;
/*    display: inline-block;*/
/*    z-index: 2000;*/
}
.menu-tab{
    float: left;
    margin: 0px 0px 0px -40px;
    width: auto;
    height: 47px;
/*    padding-left: 0px;*/

}
.menu-tab-func{
    float: left;
    padding-top: 13px;
    padding-bottom: 13px;
/*    border: solid 1px #D0D0D0;*/
    /*    background: #C8C8C8;*/
    text-align: center;
    font-weight: bold;
/*    -webkit-box-shadow: 0px 0px 5px #F5F5F5;
    -moz-box-shadow: 0px 0px 5px #F5F5F5;*/
    display: block;
}
.menu-tab-func span{
    padding: 15px 20px 15px 20px;
}
.menu-tab-func a{
    text-decoration: none;
    color: #996600;
}
.menu-tab-func-ul{
    margin-top: 15px;
    margin-bottom: -13px;
    background: #C8C8C8;
}


.menu-tab-func-ul li{
    padding-top: 8px;
    padding-bottom: 5px;
    margin-left: -40px;
    height: 25px;
    list-style: none;
/*    border: solid 1px 0px 1px 0px #D0D0D0;*/
    text-align: left;
    font-weight: bold;
/*    -webkit-box-shadow: 0px 0px 5px #F5F5F5;
    -moz-box-shadow: 0px 0px 5px #F5F5F5;*/
}
.menu-tab-func-ul li span{
    padding: 8px 20px 10px 20px;
}
/*.menu-tab-func-ul #4womanul li span{
    padding: 8px 10px 10px 10px;
}*/

.menu-tab-func-ul li:hover{
    background: #F5F5F5;
    color: #D0D0D0;
/*    -webkit-box-shadow: 0px 0px 5px #D0D0D0;
    -moz-box-shadow: 0px 0px 5px #D0D0D0;*/
}

.menu-tab-func:hover{
    background: #F5F5F5;
    color: #D0D0D0;
    -webkit-box-shadow: 0px 0px 5px #D0D0D0;
    -moz-box-shadow: 0px 0px 5px #D0D0D0;
}
.visited{
    border: solid 1px;
    background: #F5F5F5;
    color: #D0D0D0;
    -webkit-box-shadow: 0px 0px 5px #D0D0D0;
    -moz-box-shadow: 0px 0px 5px #D0D0D0;
}


.search-wrapper{
    float: right;
    margin-right: 50px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
}
.search{
    float:left;
    margin: 5px 0px 0px 50px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    width: 271px;
    height: 34px;
    -webkit-box-shadow: 0px 0px 5px #F5F5F5;
    -moz-box-shadow: 0px 0px 5px #F5F5F5;
}
.input-search{
    float: left;
    border: solid 1px #686868;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    opacity:0.7;
    width: 200px;
    height: 30px;
    font-size: 13pt;

}
.btn-search{
    margin-left: -2px;
    background-color: #F5F5F5;
    border: solid 1px #F5F5F5;
    -webkit-box-shadow: 0px 0px 7px #F5F5F5 ;
    -moz-box-shadow: 0px 0px 7px #F5F5F5 ;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    width: 65px;
    height: 34px;
    font-size: 12pt;
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}
.btn-search:hover{
    border: solid 1px;
    background: #686868;
    color: #D0D0D0;
    -webkit-box-shadow: 0px 0px 5px #D0D0D0;
    -moz-box-shadow: 0px 0px 5px #D0D0D0;
}

.btn-search:active{
    border: solid 1px;
    background: orange;
    -webkit-box-shadow: 0px 0px 5px #D0D0D0;
    -moz-box-shadow: 0px 0px 5px #D0D0D0;
}